CONSTRUINDO APLICATIVOS 
SHAREPOINT 
COM ANGULARJS 
CONSTRUINDO APLICATIVOS
QUEM? 
WILLIAM 
S. RODRIGUEZ 
williamsrz.com.br / williamsrz@outlook.com 
@williamsrodz 
#DescubraSharePoint 
#TDC2014
O QUE É O 
SHAREPOINT?
intranet 
internet 
extranet 
colaboração 
sites de processos 
aplicações 
BI 
etc.
http://www.ferrari.com/
http://www.fleury.com.br/
SHAREPOINT 
SOLUTIONS
O MODELO 
TRADICIONAL 
O MODELO 
TRADICIONAL 
INCOMPATÍVEL 
ENTRE VERSÕES; 
INFRA, DLL’S, 
SEGURANÇA, 
TESTE, TEMPO...
SHAREPOINT 
APPS?
MODELO 
MAIS 
ATRATIVO
MODELO DE PROGRAMAÇÃO FAMILIAR 
QUALQUER LINGUAGEM ou FRAMEWORK 
QUALQUER ESTRUTURA DE SERVIDOR
VANTAGENS 
• Padrões web, HTML, JavaScript 
REST/ODATA, Oauth; 
• Menor curva de aprendizado; 
• Ferramentas conhecidas; 
• Hospedar local ou na Nuvem;
MODELOS DE ARQUITETURA 
SHAREPOINT HOSTED PROVIDER HOSTED 
Código client-side 
SharePoint 
App Web 
SharePoint 
Host Web 
Código client-side e/ou server-side 
Sua Infraestrutura 
SharePoint 
Host Web
http://bit.do/sharepointappstore
ANGULARJS? 
https://angularjs.org/
OUTRO 
FRAMEWORK 
JAVASCRIPT?
ANGULARJS 
• Construído e mantido pelo 
GOOGLE; 
• Foco no HTML; 
• Código Javascript estruturado; 
• Pronto para trabalhar com 
API's REST; 
• Injeção de dependências; 
• Testes (TDD).
PORQUE USAR? 
• Aumentar produtividade; 
• Escrever menos e fazer mais; 
• Flexibilidade; 
• “Leve” apenas 82kb;
SINGLE PAGE 
APPS 
*MVC client-side
SINGLE PAGE APPS - SPA 
• Rápidas; 
• Mais poder para o Client-side; 
• Menos dependência do Server-side; 
• Sem atualização de páginas; 
• Interfaces ricas; 
• Melhor desempenho na transferência de dados.
DEMO 
SHAREPOINT APP COM ANGULARJS 
https://github.com/williamsrz/sharepoint-apps
PARA SABER MAIS! 
• ANGULARJS http://angularjs.org/ 
• SharePoint Apps http://dev.office.com/build 
• Código fonte https://github.com/williamsrz/sharepoint-apps 
House of Cards http://www.imdb.com/title/tt1856010/ 
Homeland http://www.imdb.com/title/tt1796960/
MUITO 
OBRIGADO! 
CONTEÚDO DA PALESTRA DISPONÍVEL EM 
http://williamsrz.com.br/tdc2014/

Construindo aplicativos SharePoint 2013 com AngularJS

Notas do Editor

  • #3 Desenvolvedor desde 2003 > ASP Clássico > PHP > sharepoint (WSS) 2006. Arquiteto de Software, Especialista em Sharepoint no Grupo Viceri.
  • #4 SharePoint é uma Plataforma onde podemos construir nossas próprias soluções. Imagine peças de lego, onde você pode construir o que quiser, você tem inúmeras peças disponíveis e pode construir o que você tiver em mente.
  • #10 Build e deploy muito lento Alta complexidade Grande curva de aprendizado Mistura de conceitos (macarrão)
  • #15 Provider-Hosted: Os apps que implementam esse tipo de arquitetura podem ter uma interface com o SharePoint, mas a maior parte de sua lógica está em outra tecnologia, como um servidor na nuvem. Utilizado para integrar sistemas legados com o SharePoint. Auto-Hosted: Esse tipo é similar ao anterior (Provider-Hosted), mas a diferença é que o SharePoint (e Azure ) faz o trabalho sujo de provisionar o site e o database necessário para o seu funcionamento. SharePoint-Hosted: Esse tipo de App roda no SharePoint sem dependências externas, toda a sua lógica roda no contexto de um browser cliente. Sua lógica de negócios é implementada utilizando JavaScript, mas pode fazer deploys de Listas e Bibliotecas.  
  • #18 Diferentemente de outros frameworks JavaScript, ele adota uma abordagem mais ligada à sintaxe HTML, funcionando como uma espécie de extensão da linguagem.
  • #22 Redução de carga no lado servidor Facilidade de manutenção